<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/sys/css/common.css">
    <script src="/static/plugins/jquery-1.12.4/jquery-1.12.4.min.js"></script>
    <script>
        if(navigator.appName == 'Microsoft Internet Explorer'){
            if(navigator.userAgent.indexOf("MSIE 5.0")>0 || navigator.userAgent.indexOf("MSIE 6.0")>0 || navigator.userAgent.indexOf("MSIE 7.0")>0) {
                alert('您使用的 IE 浏览器版本过低, 推荐使用 Chrome 浏览器或 IE8 及以上版本浏览器.');
            }
        }
    </script>
</head>
<body>
<style>
    @media screen and (max-width:767px){.login .panel.panel-default{width:90%; min-width:300px;}}
    @media screen and (min-width:768px){.login .panel.panel-default{width:70%;}}
    @media screen and (min-width:1200px){.login .panel.panel-default{width:50%;}}
    .panel-body{padding:0 10px;}
    .panel{max-width:360px;background-color:rgba(255,255,255,0.2);}
    input[name=submit]{width:100%;}
    .form-group{margin-bottom:20px;}
    .clearfix{margin-bottom:4em;}
    .login, .register{padding-top:12%;}
</style>
<div class="login">
    <div class="logo">
        <!-- <a></a> -->
        <h2>{$data.sysname}</h2>
    </div>
    <div class="clearfix">
        <div class="panel panel-default container">
            <div class="panel-body">
                <form action="{:url('login/checklogin')}" method="post" enctype="multipart/form-data" >
                    <div class="form-group input-group">
                        <div class="input-group-addon"><i class="fa fa-user"></i></div>
                        <input name="user_name" id="user_name" type="text" class="form-control input-lg" placeholder="用户名" spellcheck="false">
                    </div>
                    <div class="form-group input-group">
                        <div class="input-group-addon"><i class="fa fa-unlock-alt"></i></div>
                        <input name="pass_word"  id='pwd' type="password" class="form-control input-lg" placeholder="密码">
                    </div>
                    <div class="form-group" style="margin-bottom:0">
                        <input type="submit" name="submit" value="登录" class="btn btn-primary btn-lg" id="land" />
                        <input name="token" value="" type="hidden" />
                    </div>
                    <input type="hidden" name="__hash__" value="" />
                </form>
            </div>
        </div>
    </div>
    <div class="center-block footer" role="footer">
        <div class="text-center">
            <p class="copyright">{$data.copyright}</p>
        </div>
    </div>
    <script>
        document.title = '{$data.sysname}';
        $("form").submit(function(e){
            $('#land').attr('disabled',"true");
            $('#land').val('登录中...');
        });
    </script>
</body>
</html>